<template>
	<view>
		<!--#ifdef APP-PLUS-->
		<view class="lz-status_bar">
			<view class="lz-top_view"></view>
		</view>
		<!--#endif-->
		<view class="kaoshi-head">
			<!-- 头部 年纪切换 搜索 通知 -->
			<view class="kaoshi-head-top">
				<!-- <view class="kaoshi-head-left" @tap="$openrul('/pages/auth/choiceSubject/index')">
					<view class="kaoshi-head-kemu">{{ subject.subject_name }}</view>
					<view class="iconfont icon-weibiaoti"></view>
				</view> -->
				<view class="kaoshi-head-left">
					<text class="iconfont icon-sousuo" @tap="gotoSearch"></text>

				</view>
				<view class="kaoshi-head-right">
					<text style="font-size: 24px;" class="cuIcon-notification"
						@tap="$openrul('/pages/article/notice')"></text>

					<text class="iconfont icon-lingdang" @tap="$openrul('/pages/chatList/chatList')"
						style="margin-left: 12px;"></text>

					<!--  -->
				</view>
			</view>
			<!-- 头部 年纪切换 搜索 通知 -->

		</view>
		<view class="kaoshi-index-content">
			<view class="kaoshi-head-banner">
				<swiper class="swiper" :indicator-dots="swiper_config.indicatorDots" :autoplay="swiper_config.autoplay"
					indicator-active-color="#3c7bfc" :interval="swiper_config.interval" :duration="swiper_config.duration">
					<swiper-item v-for="(item, index) in swiper_list" :key="index">
						<view @tap="windowopen(item.url)"><img :src="item.image" /></view>
					</swiper-item>
				</swiper>
			</view>
			<view class="notice" v-if="noticeList.length > 0">
				<an-notice-bar :message_list="noticeList" style="width: 100%;"></an-notice-bar>
			</view>

			<!-- 通知公告 -->
			<!-- <view class="tz">
				<view class="tz_conter">
					<view class="tz_left">
						<image src="/static/img/tz.png" mode="aspectFit">
						</image>
						<view class="tz_title">
							通知
						</view>
						<view style="margin-top: 3px;">
							<text style="color: #333333;" class="lg cuIcon-titles"></text>
						</view>
					</view>
					<view class="tz_right">
						<view class="nr">全新的竞赛项目，快来挑战吧全新的竞赛项目，快来挑战吧</view>
					</view>
				</view>
			</view> -->

			<view class="iconlist">
				<view class="iconlist_content">
					<view v-for="item in preitemlist" @click="this.$openrul(item.url)" class="icon_item">
						<view class="icon_item_icon">
							<image class="icon" :src="item.icon" mode="aspectFit" lazy-load="false" binderror=""
								bindload="">
							</image>
						</view>
						<view class="icon_item_text">{{ item.title }}</view>
					</view>
				</view>
			</view>

			<view class="bigcard_content">
				<view class="bigcard">
					<view class="bigcard_left" @tap="$openrul('/subpackage/randomAnswer/randomAnswer')">
						<view class="title">竞速答题</view>
						<view class="sub_title">积分赛</view>
						<view class="left_icon">
							<image src="/static/img/item1.png" mode="scaleToFill" />
						</view>
					</view>
					<view class="bigcard_right">
						<view class="bigcard_r_top" @tap="$openrul('/pages/myTeam/myTeam')">
							<view class="title">我的团队</view>
							<view class="r_top_icon">
								<image src="/static/img/item2.png" mode="scaleToFill" />
							</view>
						</view>
						<view class="bigcard_r_bottom" @tap="$openrul('/pages/pkAnswer/pkAnswer')">
							<view class="title">PK答题</view>
							<view class="r_bottom_icon">
								<image src="/static/img/item3.png" mode="scaleToFill" />
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- <view class="bigcard_content" style="margin-top: 20rpx;">
				<view class="bigcard">
					<view class="bigcard_right">
						<view class="bigcard_r_top" style="background: linear-gradient(180deg, #00d2bd 0%, #38e4d2 100%);" @tap="$openrul('/subpackage/uploadTiku/uploadTiku')">
							<view class="title">上传题库</view>
							<view class="r_top_icon">
								<image src="/static/img/tiku.png" mode="scaleToFill" />
							</view>
						</view>
					</view>
				</view>
			</view> -->
			<!-- 原本的导航 -->
			<!-- <view class="kaoshi-index-nav" v-if="navList && navList.length > 0">
				<view class="kaoshi-index-nav-flex" @tap="windowopen(item.url)" v-for="(item, index) in navList" :key="index">
					<image :src="item.image" class="kaoshi-index-nav-img"></image>
					<view class="kaoshi-index-nav-title">{{ item.title }}</view>
				</view>
			</view> -->
			<!-- 原本的导航 -->

		</view>
		<view class="home-title">
			<view class="home-title-l">项目直聘</view>
			<navigator open-type="navigate" url="/pages/projectEmploy/projectEmploy" hover-class="none" class="home-title-r">
				<view>更多</view>
				<view class="iconfont icon-arrow"></view>
			</navigator>
		</view>
		<view class="taskList">
			<view class="task-item" v-for="item in projectList" :key="item.id" @tap="gotoDetail(item.id)">
				<view class="item-top">
					<view class="item-title">{{ item.name }}</view>
					<view class="item-money">{{ item.price }}<span>元</span></view>
				</view>
				<view class="item-content">

					<!-- 富文本 -->
					<!-- <rich-text :nodes="item.content" space="nbsp"></rich-text> -->
				</view>
				<view class="tagsList" v-if="item.keywords !== ''">
					<view class="tags" v-for="(keyword, kIndex) in item.keywords.split(',')" :key="kIndex"
						>{{ keyword }}</view>
				</view>
				<view class="publisher-container">
					<view class="publisher-avator"
						@tap.stop="$openrul(`/pages/userInfo/userInfo?userid=${item.create_user.id} }`)">
						<view class="cu-avatar round" :style="{ 'background-image': `url(${item.create_user.avatar})` }">
						</view>
						<span>{{ item.create_user.username }}</span>
					</view>
					<view class="publisher-location">
						<text>{{ item.city }}</text>
					</view>
				</view>
			</view>
		</view>

		<!-- 最新题库 -->
		<!-- <view class="home-title" v-if="list.length > 0">
			<view class="home-title-l">最新题库</view>
			<navigator open-type="switchTab" url="/pages/questionBank/index" hover-class="none" class="home-title-r">
				<view>更多</view>
				<view class="iconfont icon-arrow"></view>
			</navigator>
		</view>

		<view class="home-box">
			<view v-for="(item, index) in list" :key="index" class="kaoshi-tiku">
				<view class="kaoshi-tiku-content" @tap="goto_detail(item, '1')">
					<view class="kaoshi-tiku-content-flex">
						<view class="kaoshi-tiku-content-top">
							<view>{{ item.name }}
								<view v-if="item.is_vip == 1 && !subjectVip" class="vip">
									<image src="../../static/img/vip.png" mode=""></image>
									<view>VIP</view>
								</view>
							</view>
						</view>
					</view>
					<view class="kaoshi-tiku-content-flex">
						<view class="kaoshi-tiku-content-bottom">
							<view class="iconfont icon-dui2"></view>
							<view class="pub-gray">共{{ item.total_num }}题</view>
						</view>
					</view>
				</view>
			</view>

		</view> -->

		<!-- 最新题库 -->
		<!-- <view class="ti_content">
			<view class="ti">
				<view class="ti_title">
					<text style="color: #5191EB;margin-top: 5px;" class="lg cuIcon-titles"></text>
					<view class="ti_title_text">
						最新题库
					</view>
					<view class="ti_more">更多</view>
				</view>
				<view class="ti_list">
					<view class="ti_list_item" v-for="item in newlist">
						<view class="ti_list_item_img">
							<image src="/static/img/ti.png" mode="scaleToFill" />
						</view>
						<view class="ti_list_title">{{ item }}</view>
					</view>
				</view>
			</view>
		</view> -->




		<view class="home-title" v-if="articleList.length > 0">
			<view class="home-title-l">新闻资讯</view>
			<navigator open-type="switchTab" url="/pages/article/index" hover-class="none" class="home-title-r">
				<view>更多</view>
				<view class="iconfont icon-arrow"></view>
			</navigator>
		</view>
		<view class="home-box">
			<view class="news-content-box" v-if="articleList.length > 0">
				<view class="news-content">
					<view class="news-list" v-for="(item, index) in articleList" :key="index" @tap="gotoNoticeDetail(item)">
						<view class="news-flex">
							<image :src="item.image == '' ? '../../static/img/pic.jpg' : item.image" class="news-list-img">
							</image>
							<view class="news-list-r">
								<view class="news-list-title">{{ item.title }}</view>
								<view class="news-list-time">
									<view>{{ item.noticetime }}</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view style="height: 10px;"></view>
		<authVip v-if="showAuthVip" @hideAuthVip="showAuthVip = false"></authVip>
	</view>
</template>
<script>
import {
	mapState
} from 'vuex';
import Error from '@/core/untils/error/index';
import authVip from '@/components/authVip.vue'

export default {
	data() {
		return {
			preitemlist: [
				{
					title: '团队任务',
					icon: '/static/img/preitem1.png',
					url: '/pages/teamTaskList/teamTaskList'
				},
				{
					title: '创新竞赛',
					icon: '/static/img/preitem2.png',
					url: '/pages/makeNewGame/makeNewGame'
				},
				{
					title: '项目直聘',
					icon: '/static/img/preitem3.png',
					url: '/pages/projectEmploy/projectEmploy',
				},
				{
					title: '积分排名',
					icon: '/static/img/preitem4.png',
					url: '/pages/ranking/ranking'
				},
			],

			showAuthVip: false, //是否显示认证vip
			swiper_list: [
				{
					// image: '/static/img/banner.png'
				}
			], //轮播图
			swiper_config: {
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500
			},
			list: [], //最新题库
			subList: [], //科目列表
			noticeList: [], //通知公告
			articleList: [], //新闻
			navList: [], //首页导航图标
			projectList: [],
		};
	},
	async onShow() {
		//默认设置了全部

		console.log('%c [ this.subject.id ]-267', 'font-size:13px; background:pink; color:#bf2c9f;', this.subject.id)
		console.log('%c [ this.subject2.id ]-268', 'font-size:13px; background:pink; color:#bf2c9f;', this.subject2.id)
		console.log('%c [ this.subject3.id ]-277', 'font-size:13px; background:pink; color:#bf2c9f;', this.subject3.id)
		if (this.$store.subject2 == undefined) {
			this.$store.commit('setSubject2', {
				subject2: {
					id: 0,
					subject_name: '全部'
				}
			})

		}


		if (this.$store.subject3 == undefined) {
			this.$store.commit('setSubject3', {
				subject3: {
					id: 0,
					subject_name: '全部'
				}
			})

		}




		console.log('%c [ this.subject2.id ]-268', 'font-size:13px; background:pink; color:#bf2c9f;', this.subject2.id)
		console.log('%c [ this.subject3.id ]-277', 'font-size:13px; background:pink; color:#bf2c9f;', this.subject3.id)


		this.get_lunbo_list();
		if (this.subject.id != undefined) {
			this.get_tiku_list();
			this.canReset && this.getNoticeList()
			this.canReset && this.getArticleList()
			this.canReset = true
		}
		if (this.userinfo.user_id !== undefined) {
			await this.$myUserLogin.getSubvip(this.subject.id)
		}
		// #ifdef MP-WEIXIN
		this.getUpdate()
		this.getProjectList()
		// #endif
	},
	onLoad() {



		if (this.subject.id == undefined) {
			this.getSub();
		}


		else {
			this.getNoticeList()
			this.getArticleList()
		}


		// #ifdef MP-WEIXIN
		wx.showShareMenu({
			withShareTicket: true,
			menus: ["shareAppMessage", "shareTimeline"]
		})
		// #endif
		this.getNavList()
		
	},
	computed: {
		...mapState(['subject', 'subject2', 'subject3', 'userinfo', 'subjectVip'])
	},
	components: {
		authVip
	},
	methods: {
		gotoDetail(id) {

			uni.navigateTo({
				url: `/subpackage/projectDetail/projectDetail?param1=${id}`
			})
		},
		async getProjectList() {

			let res = await this.$myHttp.post({
				url: this.$myHttp.urlMap.getProjectList,
				data: {
					isHis: false,
					page: 1,
					limit: 3,
				},
				needLogin: false,
			})

			// 将新数据添加到项目列表中
			this.projectList = res.data.data
			console.log('%c [ this.projectList ]-124', 'font-size:13px; background:pink; color:#bf2c9f;', this.projectList)

		},
		getUpdate() {
			const updateManager = wx.getUpdateManager()

			updateManager.onCheckForUpdate(function (res) {
				// 请求完新版本信息的回调
				console.log(res.hasUpdate)
			})

			updateManager.onUpdateReady(function () {
				wx.showModal({
					title: '更新提示',
					content: '新版本已经准备好，是否重启应用？',
					success(res) {
						if (res.confirm) {
							// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
							updateManager.applyUpdate()
						}
					}
				})
			})

			updateManager.onUpdateFailed(function () {
				// 新版本下载失败
			})
		},
		//首页导航图标
		async getNavList() {
			let res = await this.$myHttp.post({
				url: this.$myHttp.urlMap.navList,
				data: {},
				needLogin: false,
			})
			if (res.code == 1) {
				this.navList = res.data.data
			}
		},
		//通知公告
		async getNoticeList() {
			let res = await this.$myHttp.post({
				url: this.$myHttp.urlMap.noticeList,
				data: {
					page: 1,
					limit: 10,
					subject_id: this.subject.id || this.subList[0].id,
					cate_id: 1,
				},
				needLogin: false,
			})
			if (res.code == 1) {
				this.noticeList = res.data.data
			}
		},
		//新闻
		async getArticleList() {
			let res = await this.$myHttp.post({
				url: this.$myHttp.urlMap.noticeList,
				data: {
					page: 1,
					limit: 10,
					subject_id: this.subject.id || this.subList[0].id,
					cate_id: 2,
				},
				needLogin: false,
			})
			if (res.code == 1) {
				this.articleList = res.data.data
			}
		},
		//获取科目列表
		async getSub() {
			let res = await this.$myHttp.post({
				url: this.$myHttp.urlMap.subjectList,
				data: {
					page: 1,
					limit: 0
				}
			})
			if (res.code === 1) {
				this.subList = res.data
				console.log('%c [ this.subList ]-363', 'font-size:13px; background:pink; color:#bf2c9f;', this.subList)
				this.$store.commit('setSubject', {
					subject: {
						id: this.subList[0].childlist[0].id,
						subject_name: this.subList[0].childlist[0].subject_name
					}
				})
				this.get_tiku_list();
			}
		},
		// 轮播图
		async get_lunbo_list() {
			let res = await this.$myHttp.post({
				url: this.$myHttp.urlMap.swiper,
				data: {
					searchdb: {
						code: 'shouye'
					}
				}
			});
			if (res.code === 1) {
				let rows = res.data.data || [];
				this.swiper_list = rows;
			}
		},
		// 最新题库
		async get_tiku_list() {
			let res = await this.$myHttp.post({
				url: this.$myHttp.urlMap.unitList,
				data: {
					subject_id: this.subject.id || this.subList[0].id,
					unit_id: 0,
					page: 1,
					limit: 10
				},
			});
			if (res.code === 1) {
				this.list = res.data.data;
			}
		},
		// 题库跳转
		goto_detail(item, type) {
			if (item.total_num == 0) { //如果目录下没有题目，提示用户
				this.$myUtils.$prompt.showToast({
					icon: 'none',
					title: '当前目录下没有题目，请联系老师'
				});
				return
			}
			if (!this.subjectVip && item.is_vip) {
				if (this.$myUserLogin.getToken()) {
					this.showAuthVip = true
					return
				} else {
					Error.errorNotLoggedIn();
					return
				}
			}
			if (type == '1') {
				if (item.is_last == 0) {
					//非终极栏目，点击进入下级栏目
					this.$openrul('/pages/questionBank/detail/index?id=' + item.id + '&from_type=1' + '&name=' + item
						.name)
				} else if (item.is_last == 1) {
					if (this.$myUserLogin.getToken()) {
						//终极栏目，点击进入答题页
						this.$openrul('/pages/questionBank/questionBankAnswer/index?id=' + item.id + '&from_type=1' +
							'&name=' + item.name)
					} else {
						Error.errorNotLoggedIn();
					}
				}
			} else if (type == '2') {
				if (this.$myUserLogin.getToken()) {
					//历年真题都是终极栏目，点击进入答题页
					this.$openrul('/pages/questionBank/questionBankAnswer/index?id=' + item.id + '&from_type=2' +
						'&name=' + item.name)
				} else {
					Error.errorNotLoggedIn();
				}
			}
		},
		//跳转前需要登录
		navTo(url) {
			if (this.$myUserLogin.getToken()) {
				this.$openrul(url)
			} else {
				Error.errorNotLoggedIn();
			}
		},
		// 搜索跳转
		gotoSearch() {
			uni.navigateTo({
				url: '/pages/questionSearch/searchList'
			})
		},
		// 新闻跳转
		gotoNoticeDetail(item) {

			if (item.url == '') {
				uni.navigateTo({
					url: '/pages/article/detail?id=' + item.id + '&type=1'
				})
			} else {
				uni.navigateTo({
					url: '/pages/webview/webview?url=' + item.url + '&title=' + item.title
				})
			}
		},
		// 轮播图跳转
		windowopen(url) {
			if (url.startsWith('http')) {
				uni.navigateTo({
					url: '/pages/webview/webview?url=' + url
				})
			} else {
				if (url == '/pages/index/index' || url == '/pages/questionBank/index' || url ==
					'/pages/examination/index' ||
					url == '/pages/article/index' || url == '/pages/my/index') {
					uni.switchTab({
						url
					})
				} else {
					uni.navigateTo({
						url
					})
				}
			}
		}
	}
};
</script>
<style lang="scss">
/* 新加入的 */

/* 通知 */

.taskList {
	background-color: #F8F8F8;
	padding: 9px;

	.task-item {
		background-color: #fff;
		margin-bottom: 18rpx;
		padding: 10px;
		border-radius: 10rpx;

		.publisher-container {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-top: 20rpx;

			.publisher-avator {
				display: flex;
				justify-content: flex-start;
				align-items: center;

				span {
					margin-left: 10rpx;
				}
			}

			.publisher-location {
				display: flex;
				justify-content: flex-end;
				align-items: center;

				text {
					font-size: 12px;
					color: #A8A8A8;
				}
			}
		}

		.item-top {
			display: flex;
			justify-content: space-between;
			align-items: center;

			.item-title {
				font-size: 16px;
				font-weight: bold;
			}

			.item-money {
				font-size: 16px;
				color: #0074D6;
				font-weight: bold;
				background-color: #fff;

				span {
					font-size: 12px;
					margin-left: 5rpx;
					font-weight: normal;
				}
			}
		}

		.item-content {
			margin-top: 20rpx;
			margin-bottom: 20rpx;
		}

		.tagsList {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			font-size: 12px;

			.tags {
				color: #A8A8A8;
				background-color: #EDEDED;
				padding: 2px 5px;
				border-radius: 10rpx;
				margin-right: 10px;
			}
		}
	}
}

.tz {
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;
}

.tz .tz_conter {
	width: 90%;
	height: 100%;
	background: #FFFAF0;
	display: flex;

}

.tz_left {
	width: 20%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;

}

.tz_right {
	width: 80%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;


}

.tz_right .nr {
	font-size: 14px;
	height: 40%;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	padding-top: 2px;
}


.tz_left image {
	width: 24px;
	height: 24px;
}

.tz_left .tz_title {
	color: #026aef;

}


/* iconlist */
.iconlist {
	margin-top: 16px;
	width: 100%;
	height: 86px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;

}


.iconlist .iconlist_content {
	width: 90%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.iconlist .iconlist_content .icon_item {
	width: 60px;
	height: 86px;
	text-align: center;
}


.iconlist .iconlist_content .icon_item_icon {
	width: 60px;
	height: 60px;
	background: #539AFF;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;

}

.iconlist .iconlist_content .icon_item_icon .icon {
	width: 40px;
	height: 40px;
}


.iconlist .iconlist_content .icon_item_text {
	margin-top: 6px;
	font-size: 14px;
}

/* iconlist */


/* bigClickCard */

.bigcard_content {
	margin-top: 23px;
	width: 100%;
	height: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
}



.bigcard_content .bigcard {
	width: 90%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;

}

.bigcard_content .bigcard .bigcard_left {
	flex: 1;
	height: 100%;
	/* 渐变色背景 */
	background: linear-gradient(180deg, #5191EB 0%, #8FBEFF 100%);
	/* 背景图片 */
	border-radius: 5px;
	padding: 9px;
	position: relative;
	color: #fff;
}

.bigcard_content .bigcard .bigcard_left .title {
	position: absolute;
	font-size: 24px;
	font-weight: 800;
	left: 10px;
	top: 10px;
}

.bigcard_content .bigcard .bigcard_left .sub_title {
	position: absolute;
	font-size: 12px;
	left: 10px;
	top: 44px;
}

.bigcard_content .bigcard .bigcard_left .left_icon {
	width: 86px;
	height: 86px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.bigcard_content .bigcard .bigcard_left .left_icon image {
	width: 100%;
	height: 100%;
}

.bigcard_content .bigcard .bigcard_right {
	flex: 1;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

.bigcard_content .bigcard .bigcard_right .bigcard_r_top {
	width: 100%;
	height: 55px;
	background: #605d70;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	background: linear-gradient(180deg, #FF565E 0%, #FF8288 100%);
	font-weight: 800;
	color: #fff;

}

.bigcard_content .bigcard .bigcard_right .bigcard_r_bottom {
	width: 100%;
	height: 55px;
	background: pink;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	background: linear-gradient(180deg, #FDD5A8 0%, #FFEAD2 100%);
	font-weight: 800;
	color: #fff;

}


.bigcard_content .bigcard .bigcard_right .bigcard_r_top .title {
	width: 70%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bigcard_content .bigcard .bigcard_right .bigcard_r_bottom .title {
	width: 70%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;


}

.bigcard_content .bigcard .bigcard_right .bigcard_r_top .r_top_icon {
	width: 40px;
	height: 40px;
}

.bigcard_content .bigcard .bigcard_right .bigcard_r_bottom .r_bottom_icon {
	width: 40px;
	height: 40px;
}

.bigcard_content .bigcard .bigcard_right .bigcard_r_top .r_top_icon image {
	width: 100%;
	height: 100%;
}

.bigcard_content .bigcard .bigcard_right .bigcard_r_bottom .r_bottom_icon image {
	width: 100%;
	height: 100%;
}

/* bigClickCard */



/* ti_list */
.ti_content {
	width: 100%;
	height: 200px;
	margin-top: 23px;

}


.ti_content .ti {
	margin: 0 auto;
	width: 90%;
	height: 100%;
}


.ti_content .ti .ti_title {
	width: 100%;
	height: 25px;
	display: flex;
	justify-content: start;
	position: relative;
}

.ti_content .ti .ti_title .ti_title_text {
	width: 75px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 16px;
	color: #1E98FF;
	background: #DDEBFF;
	border-radius: 10px;
}

.ti_content .ti .ti_title .ti_more {
	position: absolute;
	right: 5px;
	top: 0px;
	width: 40px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #1E98FF;
	background: #DDEBFF;
	border-radius: 10px;
}

.ti_list {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: start;
	flex-direction: column;
}

.ti_list .ti_list_item {
	width: 100%;
	height: 46px;
	background: #DDEBFF;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: start;
	margin-top: 10px;
	gap: 10px;
}

.ti_list .ti_list_item .ti_list_item_img {
	margin-left: 10px;
	width: 25px;
	height: 25px;
}

.ti_list .ti_list_item .ti_list_item_img image {
	width: 25px;
	height: 25px;
}

.ti_list .ti_list_item .ti_list_title {
	height: 20px;
	width: calc(100% - 10px);
	margin-left: 4px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

/* ti_list */


/* 新加入的 */



page {
	background-image: linear-gradient(#529AFF 0, #fff 180px, #fff 200px, #f9f9f9 230px, #f9f9f9 100%);
	background-repeat: no-repeat;
	background-color: #f9f9f9;
}

/* 首页头部 */
.kaoshi-head {
	background: none;
	position: relative;
	top: 0;
	border-bottom: none;
}

.kaoshi-head-top {
	color: #fff;
	line-height: 35px;
}

.kaoshi-head-top .kaoshi-head-left {
	flex: 1;
	display: flex;
	align-items: center;
}

.kaoshi-head-top .kaoshi-head-left .icon-weibiaoti {
	padding-left: 4px;
	font-size: 18px;
}

.kaoshi-head-top .kaoshi-head-kemu {
	font-size: 16px;
	text-align: center;
}

.kaoshi-head-top .kaoshi-head-right {
	width: 18%;
	text-align: right;
}

.kaoshi-head-top .kaoshi-head-right .icon-datiqia {
	font-size: 22px;
}

.kaoshi-index-content {
	overflow: hidden;
}

/* 首页轮播图 */
.kaoshi-head-banner {
	border-radius: 10px;
	width: 92%;
	margin: 6px auto;


	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.11);
	margin-bottom: 19px;
}

.kaoshi-head-banner img {
	width: 100%;
	height: 180px;
	border-radius: 10px;
}

.kaoshi-head-banner .uni-swiper-dot-active::before {
	background: #3c7bfc !important;
}

.kaoshi-head-banner .swiper {
	height: 180px !important;
}

/* 首页通知 */
.notice {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 92%;
	margin: 15px auto;
	padding: 0 10px;
	border-radius: 5px;
	line-height: 42px;
	background-color: #d1e5fe;
}

/* 首页导航 */
.kaoshi-index-nav {
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	text-align: center;
	font-size: 14px;
	color: #605d70;
	width: 92%;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 8px;
	padding-bottom: 14px;
}

.kaoshi-index-nav .kaoshi-index-nav-flex {
	width: 25%;
	height: 70px;
	padding-top: 14px;
}

.kaoshi-index-nav .kaoshi-index-nav-title {
	margin: 7px auto 0;
}

.kaoshi-index-nav-img {
	width: 38px;
	height: 38px;
	border-radius: 5px;
}

.home-title {
	width: 92%;
	margin: 0 auto;
	padding: 12px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.home-title-l {
	display: flex;
	font-weight: bold;
	font-size: 18px;
}

.home-title-r {
	display: flex;
	align-items: center;
	color: #bbb;
	font-size: 14px;
}

.home-title-r .iconfont {
	font-size: 11px;
}

.home-box {
	width: 92%;
	margin: 0 auto;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
}

.kaoshi-tiku {
	background: #DDEBFF;
}

.kaoshi-tiku-content {
	padding-left: 6px;
	width: 92%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	padding: 10px 0;
	border-bottom: solid 1px #f5f5f5;
}

.kaoshi-tiku-content-flex {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: inherit;
}

.kaoshi-tiku-content .kaoshi-tiku-content-flex:first-child {
	padding-bottom: 6px;
}

.kaoshi-tiku-content .kaoshi-tiku-content-flex:last-child {
	font-size: 14px;
}

.kaoshi-tiku-content-top {
	display: flex;
	align-items: center;
	flex: 1;
	font-size: 16px;
}

.kaoshi-tiku-content-top img {
	width: 20px;
	height: 22px;
	margin-right: 10px;
}

.kaoshi-tiku-content-bottom {
	font-size: 13px;
	display: flex;
	align-items: center;
}

.kaoshi-tiku-content-flex .icon-dui2 {
	margin: 2px 2px 0 0;
	color: #3c7bfc;
}

/* 新闻资讯 */
.news-content-box {
	background: #fff;
	padding: 1px 0;
}

.news-content {
	width: 94%;
	margin: 0 auto;
}

.news-flex {
	display: flex;
	align-items: flex-start;
	margin-bottom: 12px;
}

.news-list-img {
	width: 66px;
	height: 66px;
	border-radius: 6px;
	border: solid 1px #f1f1f1;
}

.news-list-r {
	margin-left: 10px;
	flex: 1;
	height: 66px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.news-list-title {
	font-size: 16px;
	line-height: 21px;
	padding-top: 4px;
}

.news-list-time {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	color: #999;
	font-size: 13px;
	line-height: 21px;
}

.news-list {
	margin-top: 12px;
	border-bottom: solid 1px #f1f1f1;
}

.news-content .news-list:last-child {
	margin-bottom: 0;
	border-bottom: none
}
</style>
